// 给 form标签 添加 submit提交事件
$('form').submit(function (event) {
    // console.log( event );
    // 阻止默认事件 也就是 form标签默认的提交事件
    event.preventDefault();

    // 获取数据
    let name = $('[type="text"]').val();
    let pwd = $('[type="password"]').val();

    // 调用 async 和 await 定义的函数
    // 传参 实参数据
    setLogin(name, pwd);


    // 啥都能阻止
    // return false;
})

async function setLogin(name, pwd) {
    // 通过 await 调用 promise函数 发送请求 获取响应体结果
    const res = await myPromiseJQueryAjax('../server/goods_login.php', 'post', { userName: name, userPwd: pwd }, 'json');

    console.log(res);

    // 根据 res 中 存储的数据 判断执行不同的程序
    if (res.code === 1) {
        // 登录成功 设定 cookie
        // 实际项目中 cookie 键名 键值 都是 规范好的
        mySetCookie('login', 1, '/', 1 * 24 * 60 * 60);

        // 登录成功 5秒后跳转首页面 跳转首页面
        let num = 5;

        $('[name="text"]').html(`恭喜您登录成功 ${num}秒以后跳转 首页面 点击直接跳转<a href="${window.location.search.substring(5)}">来的时候的页面</a>`);


        let time = setInterval(function () {
            num--;
            $('[name="text"]').html(`恭喜您登录成功 ${num}秒以后跳转首页面 点击直接跳转<a href="${window.location.search.substring(5)}">来的时候的页面</a>`);

            if (num === 1) {
                clearInterval(time);

                // 跳转首页面
                window.location.href = './index.html';

                // 使用历史记录 返回 上一个页面
                // window.history.go(-1);
            }

        }, 1000)


    } else if (res.code === 0) {

        window.alert('您输入的账号密码有误 请您核对后重新输入');

    }
}


/*
  点击登录
    获取数据 
      应该验证数据

    发送请求 携带参数 完成登录操作
      向 server/goods_login.php 发送请求
        以 post方式 发送请求 携带 2个参数 
        键名是 userName userPwd
        响应体编码格式 是 json字符串

      根据响应体结果 执行js程序


  阻止默认事件 和 阻止事件的传播
    jQuery语法中 阻止默认事件 和 事件的传播
      阻止默认事件 
        event.preventDefault();

      阻止事件的传播
        event.stopPropagation();

      都能阻止
        return false ;
          一般放在程序的最下方

*/
